import React from 'react';
interface Props {
    width?: string;
    height?: string;
    fill?: string
}
const ThemeIcon: React.FC<Props> = (props: Props) => {
    const width = props.width ?? "60%";
    const height = props.height ?? "60%";
    const fill = props.fill ?? "#dbdbdb";
    return (
        <>
            <svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5003" width={width} height={height}><path d="M520.533333 503.466667l51.2 89.6 76.8-68.266667 98.133334-21.333333-42.666667-93.866667 12.8-102.4-102.4 12.8-93.866667-42.666667-21.333333 98.133334-68.266667 76.8 89.6 51.2z m-98.133333 42.666666L298.666667 473.6l123.733333-136.533333 38.4-179.2 166.4 76.8L810.666667 213.333333l-21.333334 183.466667 76.8 166.4-179.2 38.4-136.533333 123.733333-68.266667-119.466666-256 256-59.733333-59.733334 256-256z" fill={fill} p-id="5004"></path></svg>
        </>
    )
}

export default ThemeIcon;